<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>sign up</title>
	<link rel="stylesheet" href="./public/css/sign-up.css">

</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div class="container">
		<!-- 标题区域 -->
		<div class="title-column">
			<h2>注册 eTOMMENS 会员</h2>
			<p>我们将始终谨慎对待您的个人信息。</p>
			<p>
				有关我们如何处理您个人信息的更多信息，请参阅我们的
				<span class="link" id="privacyLink">隐私政策</span>
			</p>
		</div>
		<div class="desc-column">
			<h2 class="title">会员权限</h2>

			<ul class="features">
				<li class="feature">
					<div class="feature-icon email">
						<i class="fi fi-email"></i>
					</div>
					<span class="feature-text">收到及时更新的产品通知邮件</span>
				</li>

				<li class="feature">
					<div class="feature-icon">
						<i class="fi fi-lock"></i>
					</div>
					<span class="feature-text">快速访问高级产品内容</span>
				</li>

				<li class="feature">
					<div class="feature-icon list">
						<i class="fi fi-list"></i>
					</div>
					<span class="feature-text">查看服务状态信息</span>
				</li>

				<li class="feature">
					<div class="feature-icon video">
						<i class="fi fi-video"></i>
					</div>
					<span class="feature-text">观看培训视频</span>
				</li>
			</ul>
		</div>
		<!-- 表单区域 -->
		<form class="form-column" id="registerForm">
			<div class="form-row">
				<!-- 登录账号 -->
				<div class="form-group">
					<label class="form-label" for="username">登录账号</label>
					<input type="text" class="form-control" id="username" placeholder="请输入账号">
				</div>

				<!-- 姓名 -->
				<div class="form-group">
					<label class="form-label" for="name">姓名</label>
					<input type="text" class="form-control" id="name" placeholder="请输入姓名">
				</div>

				<!-- 密码 -->
				<div class="form-group">
					<label class="form-label" for="password">密码</label>
					<input type="password" class="form-control" id="password" placeholder="请输入密码">
				</div>

				<!-- 公司/学校 -->
				<div class="form-group">
					<label class="form-label" for="company">公司/学校</label>
					<input type="text" class="form-control" id="company" placeholder="公司/学校">
				</div>

				<!-- 确认密码 -->
				<div class="form-group">
					<label class="form-label" for="repassword">确认密码</label>
					<input type="password" class="form-control" id="repassword" placeholder="请再次输入密码">
				</div>

				<!-- 邮箱 -->
				<div class="form-group">
					<label class="form-label" for="email">邮箱</label>
					<input type="email" class="form-control" id="email" placeholder="邮箱">
				</div>

				<!-- 手机 -->
				<div class="form-group">
					<label class="form-label" for="phone">手机</label>
					<input type="tel" class="form-control" id="phone" placeholder="手机">
				</div>

				<!-- 座机 -->
				<div class="form-group">
					<label class="form-label" for="tel">座机</label>
					<input type="tel" class="form-control" id="tel" placeholder="请输入座机">
				</div>

				<!-- 微信 -->
				<div class="form-group">
					<label class="form-label" for="wechat">微信</label>
					<input type="text" class="form-control" id="wechat" placeholder="请输入微信">
				</div>

				<!-- QQ -->
				<div class="form-group">
					<label class="form-label" for="qq">QQ</label>
					<input type="text" class="form-control" id="qq" placeholder="请输入QQ">
				</div>

				<!-- 所在地区 -->
				<div class="form-group">
					<label class="form-label" for="address">所在地区</label>
					<div class="select-all">
						<select class="form-control-one" id="prov">
							<option>=请选择省份=</option>
						</select>
						<!--城市选择-->
						<select class="form-control-one" id="city">
							<option>=请选择城市=</option>
						</select>
						<!--县区选择-->
						<!-- <select class="select-one"  id="country" onchange="selecCountry(this)">
							<option>=请选择县区=</option>
					</select> -->
					</div>
				</div>

				<!-- 应用行业 -->
				<div class="form-group">
					<label class="form-label" for="apply">应用行业</label>
					<select class="form-control" id="apply">
						<option value="">请选择应用行业</option>
						<!-- 行业选项将通过JS动态加载 -->
					</select>
				</div>

				<!-- 验证码 -->
				<!-- <div class="form-group">
					<label class="form-label" for="captcha">验证码</label>
					<div class="captcha-container">
						<input type="text" class="form-control captcha-input" id="captcha" placeholder="请输入验证码">
						<img src="" class="captcha-image" id="captchaImage" alt="图形验证码">
					</div>
				</div> -->
			</div>
			<div class="btn">
				<button type="button" class="submit-btn" id="submitBtn">登录</button>
			</div>
		</form>

		<!-- 隐私政策弹窗 -->
		<div class="modal-mask" id="privacyModal" style="display: none;">
			<div class="modal-container">
				<div class="modal-header">
					<h3 class="modal-title">隐私政策</h3>
				</div>
				<div class="modal-content">
					<article class="policy-content">
						<p><strong>承诺</strong></p>
						<p>
							我们致力于保护您在使用我们网站时所提供的私隐、私人数据以及个人的数据(统称"个人资料"), 使我们在收集、使用、储存和传送个人资料
							方面符合(与个人资料私隐有关的法律法规)及消费者保护方面的最高标准。
						</p>
						<p>
							为确保您对我们在处理个人资料上有充分信心,您切要详细阅读及理解隐私政策的条文。特别是您一旦使用我们的网站,将被视为接受
							、同意、承诺和确认:
						</p>

						<p>您在自愿下连同所需的同意向我们披露个人资料;</p>
						<p>您会遵守本隐私政策的全部条款和限制;</p>
						<p>您在我们的网站上作登记、资料会被收集;</p>
						<p>您同意日后我们对隐私政策的任何修改;</p>
						<p>您同意我们的分公司、附属公司、雇员、就您可能会感兴趣的产品和服务与您联络(除非您已经表示不想收到该等讯息)。</p>
						<p><strong>被收集的个人资料的种类</strong></p>
						<p>
							经您同意,我们会收集、管理和监控个人资料。为了向您提供我们的各项服务,您需要供给那些我们认为为达到你的指示和进一步
							改善我们的服务所需的个人资料和不具名的数据,包括但不限于:
						</p>
						<p><strong>个人资料</strong></p>
						<p>您的姓名、性别、年龄、出生日期、电话号码、传真号码、住址或通讯地址、电子邮箱地址。</p>
						<p><strong>收集个人资料及不具名的资料的目的及用途如下:</strong></p>
						<p>通过我们的网站向您提供我们的各项服务;</p>
						<p>当您使用我们的网站时,能辨认及确认您的身份;</p>
						<p>让您使用我们的网站时得到为您而设的感受;</p>
						<p>我们的顾客服务人员有需要时可以与您联系;</p>
						<p>统计我们网站使用量的数据;</p>
						<p>令您使用我们网站时更方便;</p>
						<p>为改进我们的产品、服务及网站内容而进行市场研究调查;</p>
						<p>为我们搞的活动、市场销售和推广计划收集资料;</p>
						<p>遵守法律、政府和监管机关的规定,包括但不限于对个人资料披露及通知的规定;;</p>
						<p>
							让我们及可能处于您住的国家之外的我们的分公司、附属公司、关联公司、雇员、代理人、服务伙伴或其它跟我们合作的第三者进行产品及/
							或服务的推广;
						</p>
						<p><strong>保存个人资料及不具名资料:</strong></p>
						<p>您提供给我们的个人资料及不具名数据,只保留到搜集的目的已达到的时候,除非应适用的法律法规之规定而继续保留。</p>
						<p><strong>个人资料的拥有权及披露:</strong></p>
						<p>在我们网站上所搜集的一切数据都由我们所拥有,不会出租或出售给任何无关的第三方。</p>
						<p><strong>个人资料的保护:</strong></p>
						<p>
							我们实施妥适的实物、电子、管理及技术方面的措施来保护和保障您的个人资料的安全。我们尽力确保通过我们网站所搜集的任何个人资料皆
							免于任何与我们无关的第三者的滋扰。我们采取的安全措施包括但不限于:
						</p>
						<p>实物措施:存有您个人资料的记录会被存放在有锁的地方。</p>
						<p>电子措施:存有您个人资料的计算机数据会被存放在受严格登入限制的计算机系统和存储媒体上。</p>
						<p>管理措施:只有经我们授权的职员才能接触到您的个人资料,这些职员需要遵守我们个人资料保密的内部守则。</p>
						<p>其它措施:我们的网络服务器受到"防火墙"的保护。</p>
						<p>
							若您知悉我们的网站上有任何安全方面的漏洞,请不要遟疑，尽快联络我们,使我们可以尽快采取妥适的行动。尽管实施了上述技术和保安的
							措施,我们不能保证数据在互联网上的输送绝对安全,因此我们不能绝对保证您通过我们网站提供给我们的个人资料在一切时候都是安全的。
							对任何因未经授权而接触您个人资料所发生的事件我们一槪不承担责任,于这方面产生或导致的任何损失或损害,我们也不负责赔偿。
						</p>
					</article>
				</div>
			</div>
		</div>
	</div>


	<div id="footer"></div>


	<!-- jQuery和自定义脚本 -->
	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/common.js"></script>
	<script src="./public/js/sign_up.js"></script>
</body>

</html>